<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Cool Bookmark</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/static/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" title="yellow" href="/static/yellow.css" />
<link rel="stylesheet" type="text/css" title="blue" href="/static/blue.css" />
<link rel="stylesheet" type="text/css" title="green" href="/static/green.css" />
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/styleswitch.js"></script>
<script type="text/javascript" src="/static/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.lavalamp.js"></script>
<script type="text/javascript" src="/static/js/slide.noconflict.js"></script>
<script type="text/javascript" src="/static/js/glide.noconflict.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(".Navi ul").lavaLamp({
		fx: "backout", 
		speed: 700,
		click: function(event, menuItem) {
			return true;
		}
	});	
});
</script>
</head>
<body>
	
<div id="wrapper">	
  <div id="header"> <span class="absolute box_1_t_l"></span> <span class="absolute box_1_t_r"></span> <span class="absolute box_1_b_l"></span> <span class="absolute box_1_b_r"></span>
    <h1 class="logo"><a href="/">Cool Bookmark</a></h1>
    <p><strong>A very cool bookmark for you</strong></p>
    <div class="login">
     {% if user %} 
        <b>{{ user|escape }}</b> | <a href="{{ logout_url }}">Sign Out</a>
     {% else %}
        <a href="{{ login_url }}">Sign In</a>
     {% endif %}
    </div>
  </div>
  <div class="Navi"> <span class="absolute box_1_t_l"></span> <span class="absolute box_1_t_r"></span> <span class="absolute box_1_b_l"></span> <span class="absolute box_1_b_r"></span>
    <ul>
      <li class="page_item page-item-21"><a href="/">Bookmark</a></li>
      <li class="page_item page-item-25"><a href="/admin">Admin</a></li>
      <li class="page_item page-item-26"><a href="/about">About the site</a></li>
    </ul>
  	<form action="/search" method="post">
      <button type="submit">Search</button>
      <input type="text" name="s" id="s" />
    </form>
    <div class="style"> <strong>Change color</strong> <span class="styleswitch yellowButton" rel="yellow"></span> <span class="styleswitch GreenButton" rel="green"></span> <span class="styleswitch blueButton" rel="blue"></span> </div>
  </div>

    <!-- BEGIN tag container -->
    <div id="tag_container">
    	<span class="absolute box_1_t_l"></span> <span class="absolute box_1_t_r"></span>
      <div id="tag_list" >
        {% for tag in tags  %}<span class="tag_item"><a class="tag_color{{tag.tagindex}}" href="/tag/{{tag.id}}">&nbsp;&nbsp;{{tag.name}}</a></span>{% endfor %}
      </div>
      <span class="absolute box_1_b_l"></span> <span class="absolute box_1_b_r"></span>
    </div>
    <!-- END tag container -->